<div class="container" ng-controller="usController">
    <ul class="content">
        <li>
            <div class="row contactusWrap">
                <p class="col-sm-4 col-xs-12">
                    <span class="contactus-logo"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/icon_qq.png"></span>
                    <span class="contactus-text">联系客服 : {{usData.customerservice}}</span>
                </p>
                <p class="col-sm-4 col-xs-12">
                    <span class="contactus-logo"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/icon_email.png"></span>
                    <span class="contactus-text">联系邮箱 : {{usData.email}}</span>
                </p>
                <p class="col-sm-4 col-xs-12">
                    <span class="contactus-logo"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/icon_phone2.png"></span>
                    <span class="contactus-text">招商渠道 : {{usData.channel}}</span>
                </p>
                <p class="col-xs-12 col-xs-12">
                    <span class="contactus-logo"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/icon_phone.png"></span>
                    <span class="contactus-text">公司电话 : {{usData.phone}}（周一至周五 09:00~22:00 周六、周日 10:00~21:00）</span>
                </p>
                <p class="col-xs-12 col-xs-12">
                    <span class="contactus-logo"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/icon_address.png"></span>
                    <span class="contactus-text">公司地址：{{usData.addr}}</span>
                </p>
            </div>
            <div class="map" id="allmap"></div>
        </li>
    </ul>
</div>
<script type="text/javascript">
    // // 百度地图API功能
    // 百度地图API功能
  var sContent =
        "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>深圳关爱帮科技有限公司</h4>" +
        "<img style='float:right;margin:4px' id='imgDemo' src='http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/areaLogo.jpg' width='15%' height='15%' title='深圳关爱帮科技有限公司' style='background: #000;'/>" +
        "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>深圳关爱帮科技有限公司于2018年01月03日成立。法定代表人张国强,公司经营范围包括：智能穿戴设备的技术研发、设计、技术咨询、销售、技术服务；计算机、信息专业领域内的技术研发、技术咨询、技术转让、技术服务；健康养生管理咨询（不含医疗行为）；移动电话及其配件、通讯设备、电子产品的研发、销售；文化活动策划；展览展示策划等。...</p>" +
        "</div>";
	var map = new BMap.Map("allmap");            
	map.centerAndZoom("深圳关爱帮科技有限公司",114.064515,22.60999);        
    var point = new BMap.Point(114.064515,22.60999);
    var marker = new BMap.Marker(point);
    var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
    map.centerAndZoom(point, 15);
    map.addOverlay(marker);
    marker.addEventListener("click", function(){
        this.openInfoWindow(infoWindow);
        //图片加载完毕重绘infowindow
        document.getElementById('imgDemo').onload = function (){
            infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
        }
    });
    map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
</script>